import React from 'react';
import ReactDOM from 'react-dom';

// 如何定义一个 函数 组件
// 1 JS 中定义一个函数
function Hello() {
  // xxx
  return null;
  // null 和 undefined 的区别
}

function Hello2() {
  return <div>我是一个函数定义组件2</div>;
}

// 定义一个 类 组件

class Hello3 extends React.Component {
  // 至少要有一个render 方法
  render() {
    // 必须有返回值
    return <div>我是一个类组件</div>;
  }
}

// React 组件的使用规则
ReactDOM.render(<Hello3 />, document.getElementById('root'));
// ReactDOM.render(<div>xxx</div>, document.getElementById('root'));
